/*  

Theme Name: Premium News - CNN Edited

Theme URI: http://www.premiumnewstheme.com/

Description: Premium News is a feature-rich theme for magazine- / news-type blogs created by <a href="http://www.adii.co.za">Adii Freelancer</a>.

Version: 1

Author: Adii Freelancer

Author URI: http://www.adii.co.za/

*/



/*========= SETUP =========*/



*{

	border: 0;

	margin: 0;

	padding: 0;

}

body{

	color: #666666;

	background-color: #ddd;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

}

a{

	color: #000000;

	text-decoration: none;

}

a:hover{

	text-decoration: underline;

}

input,select,textarea{

	border: #999999 1px solid;

	font-size: 12px;

	padding: 2px;

}

select{

	padding: 0;

}

li{

	list-style: none;

}



/*========= LAYOUT =========*/



#page{

	width: 960px;

	background-color: #FFFFFF;

	margin:15px auto;

	border: 1px solid #CCCCCC;

}

/*--- Main Columns ---*/

#columns{

	padding:15px 15px 25px;

	background-color: #FFFFFF;

	margin: 0px;
        overflow:auto;
        zoom:1; /** For IE 6 **/

}

.col1{

	float: left;

	width: 595px;

	padding-right:15px;

}

.col2{

	float: left;

	width: 320px;

}

/*--- Sub Columns ---*/

.subcol{

	width: 150px;

}

.subcol h2{

	font-size: 14px;

	padding: 0 0 10px;

	color: #FFFFFF;

}



/*========= HEADER =========*/



/*- Page Navigation -*/

#nav{

	height: 30px;

	padding: 2px 0px !important;

	background-color: #FFFFFF;

	margin:15px 15px 0px !important;

	border-top:1px solid #ddd;

	border-bottom:1px solid #ddd;

	width: 930px !important;

}

#nav-left {

	float:left;

	display:inline;

	width:600px;

	}

#nav-right {

	float:right;

	display:inline;

	width:330px;

	margin:0px !important;

	padding:0px !important;

	}

#nav ul {

	position: relative;

	height: 30px;

	overflow: hidden;

}

#nav ul  li {

    float: left;

    list-style: none;

	font-weight:bold;

	font-size:14px;	

}

#nav .current_page_item {

	height:30px;

}

#nav .current_page_item a {

	color: #FFFFFF;

}

#nav ul  li.back {

	width: 9px;

	height: 30px;

	z-index: 8;

	position: absolute;

}



#nav ul  li a {

	text-decoration: none;

	outline: none;

	text-align: center;

	top: 6px;

	letter-spacing: 0;

	z-index: 10;

	display: block;

	float: left;

	height: 26px;

	position: relative;

	overflow: hidden;

	margin: auto 15px !important;

	margin: auto 7px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-transform: uppercase;

}

#nav ul  li a:hover, #nav ul  li a:active, #nav ul  li a:visited {

	border: none;

}      



/*- Category Navigation -*/

#nav2, #nav2 * {

	margin:0;

	padding:0;

	list-style: none;

	

}

#nav2 {

	height: 30px;

	font-weight:bold;

	font-size:14px;

	position:relative;

	line-height: 30px;

	margin:0px 15px;

	border:1px solid #ddd;

	z-index:10;

}

#nav2 ul {

	list-style-type : none;

	float : left;

}

#nav2 li {

	line-height: 30px;

	float: left;

}

#nav2 li a {

	color: #666666;

	display: block;

	padding: 0 13px;

	font-size: 11px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	line-height: 30px;

	border-right:1px solid #ddd;

	z-index:10 !important;

}

#nav2 li a:hover {

	text-decoration: none;

}

#nav2 li ul {

	position:absolute;

	left: -999em;

	width : 15em;

	margin-top:0px;

}

#nav2 li:hover ul{

	left:auto;

	z-index:1000;

}

#nav2 li.sfhover ul {

	left:auto;

	z-index:1000;

}

#nav2 li ul li {

	border:1px solid #ddd !important;

	border-top:none !important;

	background:#fff;

	width : 15em;

}



#nav2 LI:hover {

	POSITION: static

}

#nav2 LI.hover {

	POSITION: static

}



/*- Search -*/

#search{

	float: right;

	height: 27px;

	width:310px;

	margin: 3px 0px 0px !important;

	padding:0px !important;

}

* html #search{

	margin-right: 8px;

}

#search input{

	background: #ffffff;

	border: 1px solid #eee;

	color: #000000;

	float: left;

	font-size: 11px;

	width:223px;

	margin:1px 0px 0px;

	padding: 3px 4px 4px;

}

#search .btn{

	padding: 0;

	height:22px;

	width: auto;

	margin:1px 0px 0px 5px !important;

	border:none;

	width:69px;

}

/*- Header -*/

#header{

	height: 100px;

	background-color: #ffffff;

	margin: 0 15px;

	padding: 0px;

}

/*- Logo -*/

#header h1{

	float: left;

	display:inline;

	line-height: 100px;

	font-size: 24px;

}

#header h1 a{

	display: block;

	height: 93px;

	width: 389px;

	color: #000000;

	font-size: 28px;

}



/*- Top Banner -*/

#topbanner {

	float: right;

	width: 468px;

	padding:20px 0px 0px;

}



#topbanner img{

	float: right;

}



.box {

	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; MARGIN: 0px; PADDING-TOP: 15px; HEIGHT: 1%

}

.box .post {

	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; WIDTH: 288px; BORDER-BOTTOM: #ddd 1px solid; BACKGROUND-COLOR: #ffffff

}

.box .post H2 A {

	COLOR: #333333

}

.box .post H2 {

	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 18px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 20px; PADDING-TOP: 10px

}

.box .post P {

	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 16px; PADDING-TOP: 0px

}

.box .post IMG {

	BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 5px; MARGIN: 10px; BORDER-LEFT: #dddddd 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #dddddd 1px solid; BACKGROUND-COLOR: #ffffff

}



.fl {

	FLOAT: left

}

.fr {

	FLOAT: right

}



/*- RSS -*/

#rss a{

	color: #666666;

}

#rss h2{

	padding:10px;

	font-size:14px;

	margin-bottom:10px;

}

#rss ul{

	margin: 0px;

	padding: 10px;

	float:left;

}

#rss li{

	margin: 0px;

	border:none !important;

	padding: 5px;

}

#rss img{

	float: right;

	padding-left: 10px;

	margin-top: 5px;

}



/*========= FEATURED POSTS (FRONT-PAGE) =========*/



/* See slideshow.css */



/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/



#video-frame {

	background:#eee;

	float:left;

	width:583px;

	height:auto;

	margin:15px 0px 0px;

	padding: 5px;

	border: 1px solid #ddd;

	}

.video-left {

	float:left;

	width:285px !important;

	display:inline;

	background-color:#FFFFFF;

	}

.video-left p {

	padding:0px !important;

	margin:0px !important;

	}

.video-left h2 {

	display:none;

	}

.video-right {

	float:right;

	width:273px;

	display:inline;

	background-color:#FFFFFF;

	padding: 10px;

	}

.video-right h2{

	color: #000000;

	font-size:11px;

	line-height:normal;

	font-weight:bold !important;

	margin:0 !important;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	}

.video-right p{

	color: #666;

	font-size:11px;

	line-height:12px;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 0px;

	margin-left: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 20px;

	padding-left: 0px;

	}

.video-right h3{

	font-style: normal !important;

	font-weight: bold;

	font-size:18px;

	line-height:20px;

	padding-bottom: 0px;

	}

.video-right .mootabs_title {

	border-top:1px solid #FFF;

	list-style:none;

	margin:0px;

	padding:0px;

	}

.video-right .mootabs_title li {

	color:#000;

	font-weight:normal;

	font-size:11px;

	text-decoration:none;

	display:block;

	padding:10px;

	border: 1px solid #dddddd;

	background:#f7f7f7;

	line-height:10px;

	cursor: pointer;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	}

.video-right .mootabs_title li:hover, .video-right .mootabs_title li.active {

	background:#dddddd url(images/ico-watch.gif) right center no-repeat !important;

	}



/*========= BLOG POST STYLING =========*/



/*=== Small Box Post ===*/

.post{

	margin: 0;

}

.post h2{

	font-size: 18px;

	padding: 0 0 5px;

}

.post h3{

	font-size: 14px;

}

.post h3 a{

	color: #000000;

}

.post p{

	padding: 0 0 15px;

	line-height: 15px;

}



/*- Box -*/

.box{

	clear: both;

	height: 1%;

	padding-top: 15px;

	padding-right: 0;

	padding-bottom: 15px;

	padding-left: 0;

	margin: 0;

}

.box .post{

	width: 288px;

	background-color: #ffffff;

	border:1px solid #ddd;

margin-bottom : 15px;

}

.box .post h2 a{

	color:#333333;

}

.box .post h2{

	font-size: 18px;

	padding: 10px;

	line-height: 20px;

}

.box .post p{

	font-size: 11px;

	line-height: 16px;

	padding: 0px 10px 10px;

}



.box .post img{

	border: 1px solid #dddddd;

	float: right;

	padding: 5px;

	background-color: #FFFFFF;

	margin: 10px;

}



.th {

	BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px 10px; BORDER-LEFT: #dddddd 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #dddddd 1px solid; BACKGROUND-COLOR: #ffffff;

}



/*=== Traditional Blog Post ===*/

.post-alt{

	margin: 0 0 15px 0;

	

}

.post-alt h2{

	font-size: 24px;

	padding: 0;

	color:#000000;

	line-height: 26px;

}

.post-alt h3{

	font-size: 13px;

	padding-bottom: 5px;

	line-height: 18px;

	color: #000000;

}

.post-alt h4{

	font-size: 14px;

	padding-bottom: 5px;

	line-height: 16px;

}

.post-alt h3 a, .post-alt h2 a{

	color: #000000;

}

.post-alt p{

	padding: 0 0 15px;

}

.post-alt h3.post_date{

	color: #999999;

	padding: 5px 0px 10px;

	font-size: 12px;

	font-weight: normal;

}

h3.posted{

	font-size: 11px;

	color: #666666;

	font-style: normal;

	font-weight: normal;

	line-height: 15px;

	background-color: #eeeeee;

	padding: 5px;

	margin-top: 10px;

	text-align: right;

	border-top:1px solid #ddd;

	border-bottom:1px solid #ddd;

}

h3.posted a {

	color: #000000;

	font-size:11px;

}

/*=== Buttons ===*/

.continue{

	background: url(images/ico-arrow.gif) no-repeat left;

	font-weight:bold;

	padding-left: 15px;

}

.comments {

	padding-bottom:0px !important;

}

.comments a{

	background: url(images/ico-comm.gif) no-repeat left;

	color: #000000;

	font-weight:normal;

	font-size:11px;

	padding:0px 0px 0px 18px;

	margin-left:5px;

}

a.more{

	background: url(images/ico-arrow2.gif) no-repeat right;

	color: #c0c0c0;

	font-size: 1.2em;

	font-weight: bold;

	padding: 0 20px 0 0;

}

/*=== Traditional Blog Post ===*/

.navigation {

}

.navigation a {

	color: #c0c0c0;

	font-size: 1.2em;

	font-weight: bold;

}

.alignleft{

	display:inline;

	float:left;

}

.alignright{

	display:inline;

	float:right;

}



/*========= ARCHIVE SPECIFIC =========*/



#archivebox {

	margin-bottom:25px;

	padding:10px;

	color:#000 !important;

}

#archivebox h4, #archivebox h3, #archivebox h2{

	color:#333333;

}

#archivebox h4 em, #archivebox h2 em, #archivebox h3 em{

	font-weight: normal;

}

#archivebox a, #archivebox h2 {

	color:#000;

}

.archivefeed {

	margin-top:10px;

	padding-bottom:0px;

}

.archivefeed a {

	background:url(images/ico-arcfeed.gif) center left no-repeat;

	height:20px;

	color:#000;

	font-weight:bold;

	font-size: 11px;

	font-weight: normal;

	padding:3px 0px 1px 22px;

}

.arclist{

	width: 260px;

	margin:0px 0px 25px;

	padding:5px 0px 0px;

	border-bottom: 1px solid #eee;

}

.arclist h2{

	color: #000;

	padding:0px 0px 15px;

}



.arclist ul li{

	color:#c0c0c0;

	font-size:12px;

	padding:8px 0 8px 10px;

	border-top:1px solid #eee;

}



/*========= SINGLE POST SPECIFIC =========*/



.singletags {

	margin-top:5px;

	font-weight:bold;

	color:#000 !important;

}

.singletags a { font-weight: normal !important; }

.entry p{

	text-align:left;

	font-size:12px;

	line-height:18px;

	}

.entry blockquote {

	padding: 10px;

	border: 1px solid #ddd;

	color:#000;

	width:85%;

	background-color: #f7f7f7;

	font-style: italic;

	margin:5px auto 15px;

	}

.entry blockquote p {

	font-size:12px;

	padding: 5px 0px;

	margin: 5px 0px;

	line-height: 20px;

	}

.entry img {

	padding: 4px;

	border: 1px solid #dddddd;

	float:left;

	display:inline;

	background-color: #FFFFFF;

	margin-right: 15px;

	margin-bottom: 15px;

	}

.entry ul, .entry ol {

	margin-bottom:15px;

	font-size:12px;

	line-height:20px;

	}

.entry ul li ul, .entry ol li ol{

	margin-bottom:0px;

	padding-top:3px;

	}

.entry ul li {

	list-style:circle inside !important;

	margin-left:15px;

	padding:3px 0px;

	}

.entry ul li ul li {

	list-style:disc inside !important;

	}

.entry ol li {

	list-style:decimal inside !important;

	font-size:12px;

	padding:3px 0px;

	}

.entry ol li ol li {

	list-style:decimal-leading-zero inside !important;

	}





/*========= COMMENTS =========*/



h2.commh2{

	font-size: 1.4em;

	padding: 0 0 5px;

	font-weight:bold !important;

}

ol.commentlist{

	margin: 10px 0 20px;

	padding: 0;

	list-style: none;

	font-size: 12px;

	line-height: 20px;

}

ol.commentlist p{

	margin-bottom:10px;

	line-height: 20px;

}

ol.commentlist cite{

	font-style: normal;

	font-weight: bold;

}

ol.commentlist li{

	padding: 20px 10px 10px 10px;

}

ol.commentlist li.alt{

	padding: 10px 10px 0 10px !important;

	background:#f7f7f7;

	border:1px solid #eee;	

}



/*========= SIDEBAR =========*/



#mpu_banner {

	width:300px;

	height:250px;

	background-color:#eeeeee;

	margin-bottom:15px;

	padding: 9px;

	border: 1px solid #dddddd;

}

#banner_bottom_post {
margin-bottom:15px;
text-align: center;
}

#mpu_banner_2 {
	width:308px;
	background-color:#eeeeee;
	padding: 5px;
	border: 1px solid #dddddd;
	margin-bottom:15px;
	
}
#mpu_banner_3 {
	width:300px;
	height:600px;
	background-color:#eeeeee;
	margin-bottom:15px;
	padding: 9px;
	border: 1px solid #dddddd;
	
}
#mpu_banner_4 {
	width:600px;
	height:250px;	
	
}
#divRight_160 {
	margin: 0px;
	padding: 0px;
	width: 160px;
	background-color: #eeeeee;
	float: left;
}
#divRight_120 {
	margin-left: 2px;
	padding: 0px;
	width: 120px;
	background-color: #eeeeee;
	float: left;
}

#divRight_300_left {
	margin: 0px;
	padding: 0px;
	width: 250px;
	float: left;
}
#divRight_300_right {

	padding: 0px;
	width: 300px;
	float: right;
}


.border01{padding-top: 5px;
		padding-left: 5px;
		padding-bottom: 5px;
		background-color:#ffffff;
		border: 1px solid #dddddd;}


/*- Sidebar Tabs - Popular, Comments, Featured, Tag Cloud -*/



.sideTabs {

	width:308px !important;

	height:auto !important;

	min-height:258px;

	padding:5px;

	border:1px solid #ddd;

	background-color:#eeeeee;

	float:left;

	display: block;

}

.col2 .mootabs_title{

	font-size: 12px;

	width: 100%;

	float:left;

}

.col2 .mootabs_title li{

	float: left;

	display:inline;

	font-size: 11px;

	line-height: 34px;

	background: #ffffff;

	color: #000000;

	border:1px solid #ddd;

	font-weight: bold;

	font-size: 11px;

	margin:0px 2px 0px 0px !important;

	padding:0px 5px !important;

	cursor: pointer;

}

.col2 .mootabs_title li:hover, .col2 .mootabs_title li.active{

	border: 1px solid #ddd;

	text-decoration: none;

}

.col2 .mootabs_panel {

	display: none;

	clear: both;

	float:left;

	height:auto !important;

}

.col2 .mootabs_panel.active {

	display: block;

	float:left;

}

.col2 .mootabs_panel ul, .col2 .mootabs_panel ol{

	width: 296px !important;

	padding:5px !important;

	border:1px solid #ddd !important;

	margin:5px 0px 0px !important;

	background-color: #FFFFFF;

	min-height:203px;

	}

.list1 li,.list2 li, .list3 li, .list10 li{

	padding: 6px 0 6px 25px;

	border-bottom: 1px solid #eee;

}

.list1 li a,.list3 li a,.list4 li a, .list5 li a, .list10 a{

	color: #666666;

	font-size: 12px;

}

.list3 li {

	background: url(images/ico-mostcomm.gif) no-repeat left center !important;

	}

.list5 li{

	border-bottom: 1px solid #eee;	

	padding:6px 0px;

}

.list10 li {
    /*list-style-type: decimal;
    list-style-position : inside;
    */
    padding-left: 0px;
}

/*- Ads -*/

.ads{

	border: 1px solid #ddd;

	height: 125px;

	width:308px;

	padding: 5px;

	margin:0 0 15px;

}

.ads img{

	float: left;

	margin:0 5px 0 0;

}

.ads img.last{

	margin: 0;

}

/*- Flickr -*/

.flickr{

	border: 1px solid #ddd;

	background-color: #eee;

	width:318px;

	margin:0px 0px 15px;

}

.flickr h2{

	font-size:14px;

	padding: 5px;

	margin-bottom:10px;

}

.flickr h2 img{

	float: right;

	margin: 0 2px;

}

.flickr p {

	display:inline;

	padding-left:10px;

}

.flickr-ar {

	font-size: 12px;

	font-weight: normal;

	margin: 0px;

	color: #ffffff;

}

.flickr-ar a {

	color: #ffffff;

}

.flickr img {

	margin:0px 0px 10px 5px;

	border: 1px solid #ddd;

	padding:5px;

	background-color:#ffffff;

}

/*=== Styling Widget Lists ===*/

.widget h2 {

	padding: 5px;

}

.widget ul {

	margin:0 0 10px 0;

	padding:5px 0;

	border:none !important;

}

.widget ul li {

	border-bottom: 1px solid #eee;

	padding:5px 0 5px 5px;

	margin:0px;

}

.widget ul li a {

	color: #000000;

}



/*========= FOOTER =========*/



#footer{

	clear: both;

	color: #666666;



	margin:0px 15px 15px;



	/*background-color: #f7f7f7;*/

	border: 1px solid #ddd;
        height: 90px;

}

#footer #footer_ads {
    float: left;
}

#footer #footer_copyright {
    float: right;
    margin-right: 10px;
    height: 90px;
    line-height: 90px;
}



/*========= MISC =========*/



.fix{

	clear: both;

	height: 1px;

	margin: 0 0 -1px;

	overflow: hidden;

}

.hl{

	border-bottom: 2px solid #eee;

}

.hl-full{

	float:left;

	clear:both;

	height:1px;

	width:100%;

	padding:0 !important;

	margin:0px 0px 15px;

}

.hl2{

	border-bottom: 3px solid #c0c0c0;

}

.hl3{

	border-bottom: 1px solid #eee;

}

.blog{

	width:100% !important;

	float:left;

}

.between{

	height:2px;

	margin-bottom:15px;

	}

.fl{

	float: left;

}

.fr{

	float: right;

}

.ac{

	text-align: center;

}

.ar{

	text-align: right;

}

.th{

	border: 1px solid #dddddd;

	float: left;

	padding: 5px;

	background-color: #FFFFFF;

	margin-top: 0px;

	margin-bottom: 10px;

	margin-right: 10px;

}



table#wp-calendar {

	border-collapse: collapse;

	margin: 0px;

	padding: 0px;

}



table#wp-calendar a {

	color:#000000; 

}



table#wp-calendar caption { 

	font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; 

}

table#wp-calendar th { 

	width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; 

}

table#wp-calendar td { 

	width: 26px; line-height: 1.66667em; color: #999; text-align: center; 

}

table#wp-calendar td#next, table#wp-calendar td#prev { 

	width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; 

}